<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8"); %>



<!DOCTYPE>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Registro de Reserva</title>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap-3.2.0.js"></script>
<link href="css/bootstrap-3.2.0.css" rel="stylesheet">
<link href="css/bootstrap-theme-3.2.0.css" rel="stylesheet">
<link href="css/offcanvas.css" rel="stylesheet">
</head>
<body>
	<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.php">Logo</a>
			</div>
			
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<c:if test="${sessionScope['sesionActiva']==null}">
						<li class="active"><a href="Principal.jsp">Inicio</a></li>
						<li><a href="RegistroUsuario.jsp">Nuevo Usuario</a></li>
						<li><a href="Login.jsp">Login</a></li>
					</c:if>
					<c:if test="${sessionScope['TipoUsuario']=='Administrador'}">
						<li><a href="Principal.jsp">Inicio</a></li>
						<li><a href="LocalListaServlet">Local</a></li>
						<li><a href="SalaLisaServlet">Sala</a></li>
						<li><a href="ProductoListarServlet">Producto</a></li>
						<li><a href="EventoListarServlet">Evento</a></li>
						<li class="active"><a href="ReservaListarServlet">Reserva</a></li>
						<li><a href="ComprobanteBuscar.jsp">Comprobante</a></li>
						<li><a href="LogOut">SALIR</a></li>
					</c:if>
					<c:if test="${sessionScope['TipoUsuario']=='Cliente'}">
						<li><a href="Principal.jsp">Inicio</a></li>
						<li><a href="LocalListaServlet">Local</a></li>
						<li><a href="SalaLisaServlet">Sala</a></li>
						<li><a href="ProductoListarServlet">Producto</a></li>
						<li><a href="EventoListarServlet">Evento</a></li>
						<li class="active"><a href="ReservaListarServlet">Reserva</a></li>
						<li><a href="ComprobanteBuscar.jsp">Comprobante</a></li>
						<li><a href="LogOut">SALIR</a></li>
					</c:if>
				</ul>
			</div>
			<!-- /.nav-collapse -->
		</div>
		<!-- /.container -->
	</div>
	<div class="container">
		<div class="row">

			<div class="col-md-12">

				<form class="form-horizontal well" action="ReservaRegistrarServlet" method="post">
				
					<%@
					page import="karaoke.modelo.Reserva"
						import="java.util.*,karaoke.dao.ReservaDAO"
						import="java.util.*,karaoke.dao.SalaDAO"
						import="java.util.*, karaoke.modelo.Reserva"
						import="java.util.*, karaoke.modelo.Sala"%>
						
					<fieldset>
						<legend>Registro de Reserva</legend>

						<div class="control-group">
							<label class="control-label" for="select01">Número sala</label>
							<div class="controls">
								<%
									SalaDAO dao = new SalaDAO();
									Collection<Sala> arreglo = (ArrayList<Sala>) dao.listar();
								%>

								<select id="select01" name="salaSelect" style="width: 80%;">
									<%
										if (arreglo != null) {
											int i = 1;
											for (Sala x : arreglo) {
									%>
									<option value="<%out.print(x.getIdSala());%>">
										<%
											out.print(x.getNombre_Sala());
										%>
									</option>
									<%
										}
										}
									%>
								</select>
							</div>
						</div>

						<div class="control-group">
							<label class="control-label" for="input01">Cliente:</label>
							<div class="controls">
								<input type="text" class="input-medium" id="input01" name="txtCliente" style="width: 80%;">
							</div>
						</div>

						<div class="control-group">
							<label class="control-label" for="input01">Fecha (Formato Año - Mes - Dia):</label>
							<div class="controls">
								<input type="text" class="input-medium" id="input01" name="txtFecha">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">Hora (Formato 24:00 Hrs):</label>
							<div class="controls">
								<input type="text" class="input-medium" id="input01" name="txtHora">
							</div>
						</div>

						<div class="control-group">
							<label class="control-label" for="input01">Descripción:</label>
							<div class="controls">
								<div class="input-prepend">
									<textarea style="width: 80%; height: 150px" name="txtDescripcion"> </textarea>
								</div>
							</div>
						</div>
						<hr>
						<div class="form-actions">
							<button type="submit" class="btn btn-primary">Guardar</button>
							<button type="reset" class="btn">Cancelar</button>
						</div>

					</fieldset>
				</form>

			</div>

		</div>

		<footer>
			<p>&copy; Grupo Sharp 2014 - UPC</p>
		</footer>
	</div>
</body>
</html>